body {
  position: relative;
  padding-top: 0px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  background-image: url(../imagens/bg.png);
}

.styleUsuario{
	font-size:12px;
	font-weight:normal;
	background-color: #FFF;
	padding:10px 3px;
	word-wrap: break-word;
	word-break: break-all;
}

.styleUsuario > span{
	font-weight:bold;
}

.styleTecnico{
		font-size:12px;
		font-weight:normal;
		background-color: #F8ECE6;
		padding:10px 3px;
		word-wrap: break-word;
		word-break: break-all;
}
	
	.styleTecnico > span{
	font-weight:bold;
	color:#F60;
}


/*
* Codigo novo do chat, dudu fez
*/

.ui-menubar {
	background: none;
border: none;
background-color: transparent;
font-size: 15px;

}

.ui-button {
background: #F05623 -webkit-gradient(linear, left top, left bottom, from(rgba(242,115,57,0.8)), to(rgba(242,115,57,0)))!important;
color: #FFFFFF!important;;
-webkit-box-shadow: inset 0px 1px 0px transparent!important;;
box-shadow: inset 0px 1px 0px transparent!important;;
text-shadow: 0px 1px 0px transparent!important;;
font-size: 14px!important;;
font-weight: normal!important;;
margin-bottom: 10px!important;;
}
.sendbt {
border: 1px solid transparent!important;;
background: #c4c4c4 url("/iMessage/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.page?ln=primefaces-aristo") 50% 50% repeat-x!important;;
background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0))!important;;
background: #024A82 -webkit-gradient(linear, left top, left bottom, from(rgba(3,29,83,0.8)), to(rgba(255,255,255,0)))!important;;
background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0))!important;;
font-weight: bold!important;;
color: #FFFFFF!important;;
text-shadow: 0px 1px 0px transparent!important;;
font-size: 11px!important;;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family:Arial,sans-serif;
font-size:14px;
font-weight:normal;
margin-top:5px;

}

.ui-widget-header {
border: none;
background: none;
color: #333;
font-weight: normal;
text-shadow: 0px 1px 0px transparent;
font-size:15px;
}


.topo {
  position: relative;
  color: #333;
  text-align: top;
  background: #D2F0FF;
  border:1px solid #CCC;
  border-top:none;
 }

#logo{
	margin: 25px 0;
	padding: 0 0px;
	float:left;
}

.login .nav > li {
	margin:15px 0 15px 0 ;
	}
	
.login .nav > li > a {
  color:#FFF;
  background-color: #069;
  padding:10px;
	  -webkit-border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
	}
	
.login .nav > li > a:hover,
.login .nav > li > a:focus {
  color:#FFF;
  text-decoration: none;
  background-color: #069;
}

.login .nav .dropdown-toggle .caret,
.login .nav .dropdown-toggle:hover .caret,
.login .nav .dropdown-toggle:focus .caret {
  border-top-color: #FFF;
  border-bottom-color:#FFF0;
}

.login .nav li.dropdown.open > .dropdown-toggle,
.login .nav li.dropdown.active > .dropdown-toggle,
.login .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #069;
  padding:10px;
	  -webkit-border-radius: 3px 3px 3px 3px;
     -moz-border-radius: 3px 3px 3px 3px;
          border-radius: 3px 3px 3px 3px;
}

.logado{
  color: #333;
  background-color: #FFF;
  padding:10px;
  -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
 	   border-radius: 3px 3px 3px 3px;
  margin:15px 0 15px 0;
  }
  
  
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 0px 0 0;
  list-style: none;
  background-color: #006598;
  border: 1px solid #ff00;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-border-bottom-left-radius:7px;
     -moz-border-bottom-left-radius:7px;
	 	  border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
   	 -moz-border-bottom-right-radius:7px;
	  	  border-bottom-right-radius:7px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
		  border-top:none;
		  
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 3px 1px;
  *margin: -5px 0 0px;
  overflow: hidden;
  background-color: transparent;
  border-bottom: 1px solid #003D59;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #FFF;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0F6;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
/*setinha do dropdown*/
.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: 0px;
  left: 9px;
  display: inline-block;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}


.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: 0px;
  left: 10px;

  display: inline-block;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom-color: transparent;
  content: '';
}

.dropdown a:focus {
	outline:none;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #FFFFFF;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #000000;
  text-decoration: none;
  background-color: #EEF5FB;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #069;
  *background-color:#069;
  background-image: -moz-linear-gradient(top, #003366, #069);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#069));
  background-image: -webkit-linear-gradient(top, #003366, #069);
  background-image: -o-linear-gradient(top, #003366, #069);
  background-image: linear-gradient(to bottom, #003366, #069);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff003366', endColorstr='#ff069', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color:#069;
  *background-color:#069;
}

.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #069;
  background-image: -moz-linear-gradient(top, #003366, #069);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#069));
  background-image: -webkit-linear-gradient(top, #003366, #069);
  background-image: -o-linear-gradient(top, #003366, #069);
  background-image: linear-gradient(to bottom, #003366, #069);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #FFF;
  text-decoration: none;
  text-shadow:none;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #DFEFFF;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;

}
.navbar .nav li.dropdown .caret{
  border-top-color:  #FFF;
  border-bottom-color:  #FFF;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color:  #DFEFFF;
  border-bottom-color:  #DFEFFF;
}
.navbar .nav > li > .fonte{
	padding:0px 5px 0px;
	margin-right:0px;
	font-size:120%;
	float:left;
	margin-top:10px;
	}



.breadcrumb {
  padding: 0px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;

}

.content{
	
	background-color:#FFF;
	padding:40px;
	border: 1px solid #CCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	}

.table th{
	background-color: #09C;
	color:#FFF;}



footer p{
	margin:0 auto;
	text-align:center;
	padding:30px 0;
	font-size:12px;
}


/* Desktop grande */
@media (min-width: 1200px) {

}

/* Desktop comum */
@media (max-width: 980px) {

}

/* Tablet para Desktop */
@media (min-width: 768px) and (max-width: 980px) {
	.content{
	background-color:#FFF;
	padding:20px;
	border: 1px solid #CCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	}
table{
	font-size:95%}

}

/* Tablet */
@media (max-width: 767px) {
.content{
	
	background-color:#FFF;
	padding:10px;
	border: 1px solid #CCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	}
table{
	font-size:85%}

}

/* Celular
------------------------- */
@media (max-width: 480px) {
.content{
	
	background-color:#FFF;
	padding:9px;
	border: 1px solid #CCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	}
table{
	font-size:75%}
	.btn-primary {
		font-size:80%;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #069;
  *background-color:#069;
  background-image: -moz-linear-gradient(top, #003366, #069);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#069));
  background-image: -webkit-linear-gradient(top, #003366, #069);
  background-image: -o-linear-gradient(top, #003366, #069);
  background-image: linear-gradient(to bottom, #003366, #069);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff003366', endColorstr='#ff069', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding:2px;
}
	.btn-danger {
		font-size:80%;
  		padding:2px;
}

